<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<script src="plugin/jq1.10.2.js"></script>
	<script src="plugin/ico.js"></script>
	<link rel="stylesheet" href="css/ico.css" />
	<link rel="stylesheet" href="css/demo.css" />
	<title>图标插件</title>
</head>

<body>
<h2>绿色24px图标</h2>
<ul class="ico_list" id="list">
	<li><span data-ico="type:0">this is a cup of coffee  </span></li>
	<li><span data-ico="type:1">here I am</span></li>
	<li><span data-ico="type:2">lock or password</span></li>
	<li><span data-ico="type:3">a mail for you</span></li>
	<li><span data-ico="type:4">search something</span></li>
	<li><span data-ico="type:5">gear or setting</span></li>
	<li><span data-ico="type:6">markup location</span></li>
	<li><span data-ico="type:7">list</span></li>
	<li><span data-ico="type:8">home? house?</span></li>
</ul>
<h2>无文字、无背景、橙色48px图标</h2>
<ul class="ico_list_f" id="s48">
	<li data-ico="type:0"></li>
	<li data-ico="type:1"></li>
	<li data-ico="type:2"></li>
	<li data-ico="type:3"></li>
	<li data-ico="type:4"></li>
	<li data-ico="type:5"></li>
	<li data-ico="type:6"></li>
	<li data-ico="type:7"></li>
	<li data-ico="type:8"></li>
	
</ul>
<h2>无文字、无背景、蓝色32px图标</h2>
<ul class="ico_list_f" id="s32_blue">
	<li data-ico="type:0"></li>
	<li data-ico="type:1"></li>
	<li data-ico="type:2"></li>
	<li data-ico="type:3"></li>
	<li data-ico="type:4"></li>
	<li data-ico="type:5"></li>
	<li data-ico="type:6"></li>
	<li data-ico="type:7"></li>
	<li data-ico="type:8"></li>
	
</ul>
<h2>无文字、圆形背景、橙色48px图标</h2>
<ul class="ico_list_f" id="s48_radius">
	<li data-ico="type:0"></li>
	<li data-ico="type:1"></li>
	<li data-ico="type:2"></li>
	<li data-ico="type:3"></li>
	<li data-ico="type:4"></li>
	<li data-ico="type:5"></li>
	<li data-ico="type:6"></li>
	<li data-ico="type:7"></li>
	<li data-ico="type:8"></li>
	
</ul>
<h2>带文字、10%圆角、图标居顶、灰色52px图标</h2>
<ul class="ico_list_f" id="s52_top">
	<li data-ico="type:0">文字</li>
	<li data-ico="type:1">文字</li>
	<li data-ico="type:2">文字</li>
	<li data-ico="type:3">文字</li>
	<li data-ico="type:4">文字</li>
	<li data-ico="type:5">文字</li>
	<li data-ico="type:6">文字</li>
	<li data-ico="type:7">文字</li>
	<li data-ico="type:8">文字</li>
	
</ul>
<script>
	$(function(){
		$('#list').ico({
			size: 24,
			b_color: "green",
			color: 1,
			radius: 45
		})
		$('#s48').ico({
			size: 48,
			color: 3
		})
		$('#s32_blue').ico({
			size: 32,
			color: 6
		})
		$('#s48_radius').ico({
			size: 32,
			color: 1,
			b_color: "#ff6600",
			radius: 50
		})
		$('#s52_top').ico({
			size: 52,
			pos: "top",
			color: 0,
			b_color: "#ccc",
			radius: 10
		})
	})
	</script>
</body>

</html>
